<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>在线视频播放</title>

<!--可无视-->
<link rel="stylesheet" type="text/css" href="../static/html5-custom-video-player/css/normalize.css" />
<link rel="stylesheet" type="text/css" href="../static/html5-custom-video-player/css/reset.css">

<!--布局样式，意义不大-->
<link rel="stylesheet" href="../static/html5-custom-video-player/css/demo.css">

<!--核心样式-->
<link rel="stylesheet" href="../static/html5-custom-video-player/dist/css/ckin.css">

</head>
<body>

<section class="demo-section demo-section--light" id="demo">
	<div class="container">
		<h2 class="title heading" data-th-text="${model.fileTitle}">Custom HTML5 Video Player with Ckins...</h2>
		<video data-th-src="|../media/${model.fileUuid}|" data-ckin="default" data-overlay="1" data-th-attr="data-title=${model.fileRemark}" data-title="The curious case of Chameleon..."></video>
	</div>
</section>

<script src="../static/html5-custom-video-player/dist/js/ckin.js"></script>

</body>
</html>